  * {
      margin: 0;
      padding: 0;
      list-style-type: none;
      border: none;
      outline: none;
  }

  a {
      text-decoration: none;
  }

  .box {
      width: 1400px;
      height: 3000px;
      background-color: #f2f3f5;
      border: 1px solid transparent;
      margin: 0 auto;
  }

  .box .content {
      width: 960px;
      height: 3000px;
      margin: 20px auto;
      /* border: 1px solid red; */
  }

  .box .left {
      float: left;
      width: 700px;

  }

  .box .right {
      float: right;
      width: 240px;
      position: relative;
  }

  .box .left .header {
      width: 700px;
      height: 108px;
      background-color: #fff;
      padding: 12px 0px 8px;
      border-bottom: 2px solid #808080
  }

  .box .left .h1 {
      width: 660px;
      height: 44px;
      padding: 0px 20px
  }

  .box .left span {
      display: inline-block;
      font-size: 14px;
  }

  .box .left .s1 {
      width: 42px;
      height: 18px;
      color: #8a919f;
      margin: 0 16px 0 0;
  }

  .box .left .s2 {
      width: 56px;
      height: 20px;
      color: #515767;
      padding: 5px 7px;
      background-color: #fff;
      border-radius: 8px;
      border: 1px solid rgba(228, 230, 235, 0.5);
      text-align: center;
      line-height: 20px
  }

  .box .left .s3 {
      width: 70px;
      height: 20px;
      padding: 4px 6px;
      color: #8a919f;
      border-radius: 8px;
      border: 1px solid rgba(228, 230, 235, 0.5);
      text-align: center;
      line-height: 20px;
      margin-left: 5px;
  }

  .box .left .h2 {
      width: 660px;
      height: 44px;
      padding: 0px 20px;
      text-align: center;
      line-height: 20px;
  }

  .h2 .class {
      float: left;
      color: #8a919f;
      margin: 0px 16px 0px -4px;
      font: 14px;
      width: 42px;
      height: 18px;
      line-height: 44px;
  }

  .h2 .sp2,
  .sp3,
  .sp4,
  .sp5,
  .sp6,
  .sp7,
  .sp8,
  .sp9 {
      float: left;
      line-height: 20px;
      margin: 5px 5px;
      border-radius: 8px;
      border: 1px solid rgba(228, 230, 235, 0.5);
      color: #8a919f;
      padding: 5px 7px;
  }

  .h2 .h2-right .sp1 {
      float: left;
      line-height: 20px;
      margin: 5px 5px;
      border-radius: 8px;
      border: 1px solid rgba(228, 230, 235, 0.5);
      color: #515767;
      background-color: #fff;
      padding: 5px 7px;
  }

  .left .filter-content .filter-left {
      float: left;
      width: 182;
      height: 44px;
      font-size: 14px;
  }

  .left .filter-right {
      float: right;
      width: 100px;
      height: 44px;
  }

  .d1>img {
      width: 24px;
      height: 28px;
      vertical-align: middle;
  }

  .left .filter-content {
      width: 660px;
      height: 48px;
      background-color: #fff;
      padding: 0 20px;
  }

  .filter-content .filter-left .w {
      color: #1e80ff;
  }

  .filter-content .sort-item {
      color: #515767;
      margin-right: 20px;
      line-height: 44px;
  }

  .filter-right img,
  span {
      line-height: 44px;
  }

  .filter-right .f {
      border: 2px solid #e4e6eb;
  }

  .left .ff {
      position: relative;
      display: flex;
      padding: 20px;
      width: 660px;
      height: 148px;
      padding: 20px;
      background-color: #fff;
      color: #909090;
      font-size: 12px;
  }

  .ff>img {
      display: inline-block;
      height: 147px;
      width: 103px;
  }

  .right {
      position: fixed;
      display: block;
      top: 0;
      right: 0;
      width: 240px;

  }

  .right .d1 {
      /* position: fixed; */
      padding: 21px 24px;
      width: 192px;
      align-items: center;
      background-color: #fff;
  }

  .right .d2 {
      width: 208px;
      height: 72px;
      margin: 16px 0;
      padding: 0 16px;
      background-color: #fff;
      display: flex;
      align-items: center;
      justify-content: space-between;
  }

  .d2-1>img {
      float: left;
      width: 35px;
      height: 35px;
      margin-top: 8px;
      margin-right: 10px;
  }

  .d2 .d2-1 {
      width: 123px;
      height: 48px;
      line-height: 48px;
  }

  .d2-1 .title {
      margin-left: 8px;
      font-weight: 600;
      font-size: 18px;
      line-height: 30px;
      color: #252933;
  }

  .d2-1 .sub-title {
      font-weight: 400;
      font-size: 12px;
      line-height: 18px;
      color: #515767;
  }

  .ww {
      width: 56px;
      height: 56px;
      box-sizing: border-box;
      border: 2px solid #fff;
  }

  .twd {
      width: 240px;
      height: 200px;
  }

  .we {
      width: 208px;
      height: 97px;
      border: 1px solid #e4e6eb;
      padding: 15px 16px;
      background-color: #fff;
      margin-top: 10px;
  }

  .we-1 {
      font-size: 15px;
      color: #252933;
  }

  .we-2 {
      font-size: 14px;
      margin-top: 8px;
      line-height: 1.4;
      color: #515767;
  }

  .y {
      width: 541px;
      height: 148px;
      color: #909090;
  }

  .yy {
      width: 541px;
      height: 28px;
  }

  .y .yy .yy1 {
      width: 24px;
      height: 20px;
      display: inline-block;
      color: #ffffff;
      cursor: default;
      margin-right: 5px;
      margin-left: 15px;
      margin-bottom: 5px;
      vertical-align: middle;
      font-size: 12px;
      background-color: #f64242;
      padding: 0 6px;
      line-height: 20px;
  }

  .y .yy .yy2 {
      width: auto;
      height: auto;
      font-size: 20px;
      line-height: 28px;
      color: #252933;
  }

  .u {
      width: 541px;
      height: 22px;
      margin-left: 15px;
      font-size: 14px;
      line-height: 22px;
      margin-top: 4px;
      color: #515767;
  }

  .p {
      width: 541px;
      height: 22px;
      margin-top: 8px;
      margin-left: 15px;
      line-height: 22px;
  }

  .p>ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
      display: flex;
  }

  .p .ppp>li {
      margin-right: 10px;
      font-size: 14px;
  }

  .a {
      width: 541px;
      height: 22px;
      margin-top: 8px;
      margin-left: 15px;
      line-height: 22px;
  }

  .a>ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
      display: flex;
  }

  .a .aaa>li {
      margin-right: 10px;
      font-size: 14px;
  }

  .b {
      width: 541px;
      height: 20px;
  }

  .bb {
      width: 155px;
      height: 20px;
      margin-left: 15px;
      margin-top: 6px;
      display: flex;
      line-height: 20px;
      background: linear-gradient(90deg, rgba(246, 66, 66, .25), rgba(246, 66, 66, 0));
      border-radius: 100px;
      text-indent: 1em;
      color: red;
  }